<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <script src="jquery-3.1.0.js"></script>
</head>
<body>

</body>
<script>
    var data = [
        { name: 'jim1', age: 19, gender: 'male' },
        { name: 'jim2', age: 18, gender: 'female' },
        { name: 'jim3', age: 20, gender: 'female' },
        { name: 'jim4', age: 21, gender: 'male' },
        { name: 'jim5', age: 19, gender: 'female' },
        { name: 'jim6', age: 18, gender: 'male' }
    ]
    function cTag(tagName){
        return document.createElement(tagName);
    };
    var table = cTag('table');
    var tbody = cTag('tbody');
    $.each(data,function(k,v){
        var tr = cTag('tr');
        $.each(v,function(key,value){
            var td = cTag('td');
            td.innerHTML = value;
            tr.appendChild(td);
        })
        tbody.appendChild(tr);
    })
        table.appendChild(tbody);
        document.body.appendChild(table);
        table.width = '400';
        table.border = '1px solid black';
</script>
</html>